#menu {
	font-family: Arial, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
	list-style-type: none;
	background-color: #eee;
	font-size: 13px;
	height: 30px;
	border-top: 2px solid #eee;
	border-bottom: 2px solid #ccc;
}
#menu li {
	float: left;
	margin: 0;				
}
#menu li a {
	text-decoration: none;
	display: block;
	padding: 0 20px;
	line-height: 30px;
	color: #666;
}
#menu li a:hover, #menu li.active a {
	background-color: #f5f5f5;
	border-bottom: 2px solid #DDD;
	color: #999;
}

#menu_wrapper { background: url(images/grey.png) no-repeat right;}
#menu_wrapper div {float: left; height: 34px; width: 12px; background: url(images/grey.png) no-repeat left;}

#menu_wrapper.black ul {
	border-top: 2px solid #000; 
	border-bottom: 2px solid #000;
	background: #333;
}
#menu_wrapper.black a {color: #CCC;}
#menu_wrapper.black li a:hover, #menu_wrapper.black li.active a {color: #999; background: #555; border-bottom: 2px solid #444;}
#menu_wrapper.black {background: url(images/black.png) no-repeat right;}
#menu_wrapper.black div {background: url(images/black.png) no-repeat left;}

